<template>
  <div class="programMain">
    <div class="mainUp">
      <div>
        <span>录音设备：</span>
        <div class="spanContent"><input type="checkbox" /><span>本机话筒输入</span></div>
      </div>
      <div>
        <span>录音电平：</span>
        <span><input type="text" name="" id="" /></span>
      </div>
      <div>
        <span>当前状态：</span>
        <span>空闲中</span>
      </div>
    </div>
    <div class="mainbottom">
      <button v-for="(item, index) in buttons" :key="index">
        {{ item }}
      </button>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
const buttons = ref([
  "开 始 录 音",
  "暂 停 录 音",
  "停 止 录 音",
  "保 存 录 音",
  "试 听 录 音",
  "声 卡 设 置",
]);
</script>
<style  scoped>
@import url('./soundless/programRecording.less');
</style>